@charset "utf-8";
/* CSS Document */
@media (max-width: 1300px){
	.inve_l{ left:0px !important; z-index:1;}
	.inve_r{ right:0px !important; z-index:1;}
}
@media (max-width: 768px){
	.news_b,.about_r,.footer,.page_pro,.plant_z,header .max,.list,.page_news,.second,.news_list,.records,.pro_list,.pro_b,.case,.facility{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	#dh{ display:block; text-align:right; padding-right:2%; box-sizing:border-box;}
	header .max{ display:flex; align-items:center;}
	.header_r{ float:left;}
	.header_logo{ margin:0px;}
	.dh{ display:block; margin-right:0px; color:#fff; border:0px;}
	
	.nav{ position:absolute; z-index:20; right:0px; top:0; width:100%; max-width:100%; overflow:visible; padding:0px;}
	.nav ul{height:0px; overflow:hidden; max-width:100%; width:40%; background:rgba(255,255,255,0.90); position:absolute; right:0px;}
	.nav ul>li{ float:left; width:100%; max-width:100%; position:relative;}
	.nav ul>li a{ color:#333; margin:10px 0px;}
	.nav ul>li .nav_show{ display:none; overflow:visible;}
	.nav>ul>li ol{ position:absolute;background:rgba(255,255,255,0.85); width:100%; max-width:100%; padding:0px;}
	.nav>ul>li ol li{ height:0px;max-width:100% !important; width:100% !important; border:0px !important;}
	.nav>ul>li ol li a{ color:#000; display:block; width:100%;}
	.nav ul>li:hover>a{ color:#fff;}
	.nav ul>li:hover .nav_show{ display:block; right:100%; width:100%; max-width:100%; top:0px;}
	.nav>ul>li:hover ol li{ height:auto;}
	.nav_pic{ display:none;}
	
	.banner ul li img{ height:370px  !important;}
	.second a{font-size:14px;}
	
	.about{padding:0px; margin-top:0px; height:400px; overflow:hidden; margin-bottom:0px;}
	.about_l{ display:none;}
	
	.about_r{max-width:100%; width:100%; background:url(../images/ab_02.jpg) no-repeat center; background-size:100% 100%;}
	.about_r .title{ display:none;}
	.about .often{ max-width:90%; display:block;}
	.about_r .text{ padding:0px 50px 61px 100px}
	
	.pro_l{ display:none;}
	.pro_r{ max-width:100%; padding-top:30px;}
	.pro_r ul{ padding:0px;}
	
	.case ul{ padding-left:0px; padding-right:0px;}
	.case li{ max-width:calc(100% / 3); width:100%; margin-right:20px; height:150px !important;}
	.case li:last-child{margin-right:0px;}
	.case li a{ transform:rotate(0deg);}
	.case li img{ transform:rotate(0deg) scale(1)}
	.case li:nth-child(even){ display:none;}
	.case li a:hover span{transform:rotate(0deg) scale(1);}
	
	.facility .fac_l{ max-width:100%;}
	.facility .fac_r{ max-width:100%; padding-left:0px; margin-top:20px;}
	
	.fac_work .content{ padding:20px;}
	
	.transit img{ height:200px;}
	
	.news_b .plant_b li{ width:350px;}
	.news_b .plant_b{ height:460px;}
	
	.map{ height:350px;}
	.map .content{ max-width:100%; top:0px; bottom:0px; width:100%;}
	
	.rec_b{ flex-wrap:wrap;}
	.rec_l{ display:none;}
	.rec_r{ max-width:100%; width:100%; text-align:center; margin-top:20px !important;}
	.rec_r img{ float:none; max-width:200px; width:auto; height:auto;}
	
	
	
	


	.pro_list li{ max-width:calc(100% / 3 - 25px); margin:0px; margin-bottom:10px;}
	.pro_list li:nth-child(3n-1){ margin:0px 25px;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	.pro_class{ display:flex; flex-wrap:wrap; justify-content:center;}
	.pro_class a{ width:auto; margin:5px 1% !important;flex-grow:1; padding:0 2%; white-space:pre;}
	.pro_class a:last-child{flex-grow:0;}

	.pro_brand li{ max-width:calc(100% / 3 - 8px);}
	.pro_brand span img{ height:220px}
	
	.pro_list li{ max-width:calc(100% / 3 - 25px); margin:0px; margin-bottom:10px;}
	.pro_list li:nth-child(3n-1){ margin:0px 25px;}
	.page_text_l{ max-width:100%;}
	.page_text_r{ max-width:100%; margin-top:20px;}
	.ban_img .banner_text{ top:100px; height:auto;}

}
@media (max-width: 425px){
	.lef_rig span{ display:none;}
	.sj_footer{ display:block; z-index:20;}
	footer{ padding-bottom:77px; }
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	.banner ul li img{ height:300px !important;}
	
	.nav ul>li>a{ font-size:16px; margin:5px 0px;}
	.nav ul>li>a p{ display:none;}
	
	.header_logo{ max-width:80%; margin:10px 0px;}
	.header_logo .title{ font-size:16px;letter-spacing:2px;}
	.header_logo .text{ white-space:pre; transform:scale(0.65);}
	.banner_text{ top:auto; bottom:10%;}
	.banner_text div:first-child img{ max-width:150%; width:150%; margin-left:-25%;}
	.banner_text .downward img{ max-height:20px;}
	
	.banner ol li{ width:10px !important; height:10px !important; margin:4px 3% 4px 4px;}
	
	.about_r .text{ padding:5%;background:none;}
	.about_r{ background-size:auto;}
	.about{ height:350px;}

	.pro .often{ display:block;}
	.pro_r li{ margin-left:0px;}
	.pro_b{ background:none;}
	.pro_r li{ max-width:49%; float:left; margin-bottom:10px;}
	.pro_r li:nth-of-type(1){ max-width:100%; height:auto;}
	.pro_r li:nth-child(even){float:right;}
	.pro .more{ margin:15px auto 25px auto}
	.pro_r .circle{ margin:6px 0px 14px 0px}

	.often{ margin:40px auto 25px auto;font-size:18px;}
	.case ul{ margin-top:0px; padding:0px; flex-wrap: wrap;}
	.case li{ margin-right:0px; margin-bottom:10px; height:auto !important;}
	.case li:nth-of-type(odd){ max-width:100%;}
	.fac_r .hexagon{ flex-wrap:wrap; align-content:center;}
	.fac_r .hexagon span{ margin-left:20px; margin-bottom:40px;}
	
	.fac_work .title{ max-width:100%; margin-right:0px; text-align:center; margin-bottom:20px;}
	.fac_work .text{ max-width:100%;}
	
	.facility{ padding-bottom:30px;}
	
	.plant{ padding-bottom:50px;}
	.plant_b li{ margin-left:55px;}
	.transit img{ height:100px;}
	
	.news_b .plant_b li{ margin-left:30px;}
	.news .more{ margin-top:20px; margin-bottom:40px;}
	
	.map .content .text{ padding:0px 5% 50px 5%;}
	
	.fac_r .title{ font-size:18px;}
	.fac_r .text{line-height:30px;}
	
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; padding-left:0px;}
	
	

	
	.second{ text-align:center;}
	.second li{ border-bottom:0px; line-height:36px;}
	.second li:hover{ border-bottom:0px;}
	.pro_title{ margin:15px auto; font-size:18px;}
	.page_odd time{ font-size:14px; margin:10px auto;}
	.page_odd{ margin:10px auto;}
	.page_pro{ padding:10px auto;}
	.news_list_text p:first-child{ font-size:16px;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text a{ font-size:14px;}
	
	.pro_list li{ max-width:49%; margin:0px; margin-bottom:10px; float:left; margin:0px !important;}
	.pro_list li:nth-child(2n){ float:right;}
	.page_text_r .tel font{ display:inline-block; font-size:20px;}
	.page_text_r .url a{ margin:0px !important;}
	.page_text_r p{ font-size:14px;}
	.page_text_r .title{ font-size:16px;}
	.page_text_r .text{ font-size:12px;}
	.page_text_r .tel{ margin-top:20px;}
	.page_pro_content .title span{ font-size:16px;}
}

@media (max-width: 375px){
	
	.banner ul li img{ height:200px !important; object-fit:unset;}
	.pro_r li{ height:130px;}
	.about_r .text{ padding-top:0px;}
	.plant_b li{ margin-left:40px;}
	
	.transit img{ height:auto;}
	
	.news_b .plant_b li{ margin-left:0px; width:345px;}
	
	.rec_c span{ display:inline-block;}
	.map .content .text{ font-size:14px;}
	.map .content .text span{ display:flex; align-items:center;}
	.news_b .plant_b .title p{ font-size:18px;}
	
	.fac_r .hexagon span{ margin-left:40px;}


	.pro_list li{max-width:100%; width:100%; margin-bottom:10px !important;}
	.pro_list li span img{ height:auto;}
	footer{padding-bottom:45px;}
	.ban_img .banner_text{ top:70px;}

}



@media (max-width: 320px){
	.header_logo{ padding-left:6%;}
	.header_logo .title{ font-size:14px;}
	.header_logo .text{ display:none;}
	.about_r .text{ padding-left:0px; padding-right:0px;}
	.fac_work{ margin-top:10px;}
	.plant_b li{ margin-left:15px;}
	.transit img{ height:70px;}
	.news_b .plant_b li{ width:300px}
	.banner ul li img{ height:150px !important;}
	.ban_img .banner_text{ top:60px;}
	
	#dh{ width:10%;}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
}